<%--
  Created by IntelliJ IDEA.
  User: josmaguirre
  Date: 3/12/12
  Time: 15:31
  To change this template use File | Settings | File Templates.
--%>
<nav class="navbar navbar-default" role="navigation">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <!--button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button-->
            <a class="navbar-brand" href="#"><img src="resources/img/logo.png" class="logo"></a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a id="principal" href="index" class="menu_element"><i class="fa fa-home"></i>Principal</a></li>
                <li><a id="comparaciones" href="comparaciones" class="menu_element"><i class="fa-random"></i> Comparaciones</a></li>

                <!--li><a id="detectar" href="detectar.jsp" class="menu_element"></a></li-->
                <li><a id="estadisticas" href="estadisticas" class="menu_element"><i class="fa fa-bar-chart"></i> Estadisticas</a></li>

                <!--li><a id="detectar" href="detectar.jsp" class="menu_element"></a></li-->
                <li><a id="historial" href="historial" class="menu_element"><i class="fa fa-book"></i> Historial</a></li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>